<template>
  <div class="container">
    <p>输入一些内容或者选中单选框后</p>
    <p>跳转测试页面三，然后再返回</p>
    <p>你会发现，表单的内容还是跳转前的样子</p>
    <p>但是，如果你是返回上一页之后，再重新进入此页面，表单内容是不保留的</p>

    <van-field v-model="value" label="文本" placeholder="请输入" />

    <van-radio-group v-model="radio" direction="horizontal">
      <van-radio name="1">单选框 1</van-radio>
      <van-radio name="2">单选框 2</van-radio>
    </van-radio-group>

    <van-button type="info" @click="$router.push('/test3')">跳转页面三</van-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      radio: ''
    }
  }
}
</script>

<style lang="scss" scoped>
.container {
  padding: 30px;
  .van-radio-group {
    margin-top: 30px;
  }
  .van-button {
    margin-top: 30px;
  }
}
</style>
